<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!-- 最新 Bootstrap4 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.4.1/css/bootstrap.min.css">
<style>
input
{
width: 100%;
background:#ccc;
border: 0;
}
</style>
<style type="text/css">
*{margin:0;padding:0}
html,body{
	height:100%;
}
.myclass{
	background: url(images/xbj.jpg) no-repeat;
	height:100%;
	width:100%;
	background-size:100%;
}
.div1{
	width:700px;
	height:150px;
	text-align:center;
}
</style>
</head>
<body>
<div class="myclass">
<!-- <tr><td colspan="3"><img src="small2.png" /></td></tr> -->
<table width=100%>
<tr>
	<td width=25%><img src="./images/timg.jpg" style="max-width:100%;"/></td>
	<td width=75%>
	<div class="div1">
		<h3>我喜欢你，喜欢没用，没用也喜欢</h3>
	</div>
	</td>
</tr>
<tr>
	<td>
		<b>简介:</b><br>
		<input name="" type="text" style="width:200px; height:20px;" />
	</td>
	<td>
	<div style="width: 100px; margin:0 auto"><h2>歌单</h2></div>
		<table class="table table-striped table-sm table-hover">
		<thead>
			<tr>
				<th>#</th>
				<th>歌曲名</th>
				<th>艺人</th>
				<th>专辑</th>
			</tr>
		</thead>
		</table>
	</td>
</tr>
</table>
</div>
</body>
</html>